<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>房间类型管理</title>
    <link rel="icon" type="image/png" href="img/favicon.png" />
    <link rel="stylesheet" href="css/amazeui.min.css" />
    <link rel="stylesheet" href="css/admin.css" />
    <link rel="stylesheet" href="css/app.css" />
    <link rel="stylesheet" href="css/layer.css" />
    <script src="jquery/jquery.js"></script>
    <script src="js/echarts.min.js"></script>
    <script src="js/amazeui.min.js"></script>
    <script type="text/javascript" src="jquery/roomtype_ajax.js"></script>
</head>
<body>
<ol class="am-breadcrumb">
    <li><a href="base" class="am-icon-home">首页</a></li>
    <li class="am-active">房间类型</li>
</ol>
<div style="background:white">
<h1 style="text-align: center;">房间类型管理</h1>
<hr>
    <table class="am-table am-table-bd am-table-striped am-table-hover">
        <thead>
        <tr>
            <th>房间类型ID</th>
            <th>房间类型名称</th>
            <th>价格</th>
            <th>可住人数</th>
            <th>床位数</th>
            <th>房间数量</th>
        </tr>
        </thead>
        <tbody id="show">

        </tbody>

    </table>

    <button type="button" class="am-btn am-btn-xs am-round" onclick="javascript:upPage();" >上一页</button>&nbsp;&nbsp;<button type="button" class="am-btn am-btn-xs am-round" onclick="javascript:downPage();" >下一页</button>
<br/>
<br/>

<div class="am-g">
        <div class="am-btn-toolbar">
            <div class="am-btn-group ">
                <button  type="button" style="margin-right:20px ;margin-left:700px" class="am-btn  am-btn-success" data-am-modal="{target: '#doc-modal-7'}"><span class="am-icon-plus"></span> 新增</button>

                <button  type="button" style="margin-right:20px" class="am-btn  am-btn-primary" data-am-modal="{target: '#doc-modal-8'}"><span class="am-icon-circle"></span> 修改</button>

                <button  type="button" style="margin-right:20px" class="am-btn  am-btn-danger" data-am-modal="{target: '#doc-modal-9'}"><span class="am-icon-trash-o"></span> 删除</button>
            </div>
        </div>

    <div class="am-modal am-modal-no-btn " tabindex="-1" id="doc-modal-7" style="margin-top:-500px" >
        <div class="am-modal-dialog" >
            <div class="am-modal-hd">
                <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
            </div>
            <div class="am-modal-bd">
                <form class="am-form">
                    <fieldset>
                        <legend>新增房间类型</legend>
                        <div class="am-form-gruop">
                            <label for="name"> 房间类型名称</label>
                            <input type="text" id="name">
                        </div>
                        <div class="am-form-gruop">
                            <label for="price">房型价格</label>
                            <input type="text" id="price" >
                        </div>
                        <div class="am-form-gruop">
                            <label for="liveNum">可住人数</label>
                            <input type="text" id="liveNum" >
                        </div>
                        <div class="am-form-gruop">
                            <label for="bedNum">床位数</label>
                            <input type="text" id="bedNum" >
                        </div>
                        <div class="am-form-gruop">
                            <label for="roomNum">该类型房间数量</label>
                            <input type="text" id="roomNum" >
                        </div>

                        <input type="button" class="am-btn am-btn-default am-round" value="取消" data-am-modal-close>
                        <input type="button" class="am-btn am-btn-primary am-round" id="button1" value="确认">
                    </fieldset>
                </form>
            </div>
        </div>
    </div>
    <div class="am-modal am-modal-no-btn " tabindex="-1" id="doc-modal-8" style="margin-top:-500px" >
        <div class="am-modal-dialog" >
            <div class="am-modal-hd">
                <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
            </div>
            <div class="am-modal-bd">
                <form class="am-form">
                    <fieldset>
                        <legend>修改房间信息</legend>
                        <div class="am-form-gruop">
                            <label for="roomtype_id"> 请输入要修改的房间类型ID</label>
                            <input type="text" id="roomtype_id">
                        </div>
                        <div class="am-form-gruop">
                            <label for="name1">房间类型名称</label>
                            <input type="text" id="name1" >
                        </div>
                        <div class="am-form-gruop">
                            <label for="price1">房型价格</label>
                            <input type="text" id="price1" >
                        </div>
                        <div class="am-form-gruop">
                            <label for="liveNum1">可住人数</label>
                            <input type="text" id="liveNum1" >
                        </div>
                        <div class="am-form-gruop">
                            <label for="bedNum1">床位数</label>
                            <input type="text" id="bedNum1" >
                        </div>
                        <div class="am-form-gruop">
                            <label for="roomNum1">该类型房间数量</label>
                            <input type="text" id="roomNum1" >
                        </div>

                        <input type="button" class="am-btn am-btn-default am-round" value="取消" data-am-modal-close>
                        <input type="button" class="am-btn am-btn-primary am-round" id="button3" value="确认">
                    </fieldset>
                </form>
            </div>
        </div>
    </div>
    <div class="am-modal am-modal-no-btn " tabindex="-1" id="doc-modal-9" style="margin-top:-500px" >
        <div class="am-modal-dialog" >
            <div class="am-modal-hd">
                <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
            </div>
            <div class="am-modal-bd">
                <form class="am-form">
                    <fieldset>
                        <legend>删除房间</legend>
                        <div class="am-form-gruop">
                            <label for="roomtype_id1"> 请输入要删除的房间类型ID</label>
                            <input type="text" id="roomtype_id1">
                        </div>
                        <input type="button" class="am-btn am-btn-default am-round" value="取消" data-am-modal-close>
                        <input type="button" class="am-btn am-btn-primary am-round" id="button4" value="确认" >
                    </fieldset>
                </form>
            </div>
        </div>
    </div>
</div>
</div>
</div>
</body>
</html>
